@font-face {
  font-family: "iconfont"; /* Project id 4807981 */
  src: url('//at.alicdn.com/t/c/font_4807981_tu8wupqbt6.woff2?t=1737539321395') format('woff2'),
       url('//at.alicdn.com/t/c/font_4807981_tu8wupqbt6.woff?t=1737539321395') format('woff'),
       url('//at.alicdn.com/t/c/font_4807981_tu8wupqbt6.ttf?t=1737539321395') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;

  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-gengduo:before {
  content: "\e68b";
}

.layui-nav .layui-nav-more{
    display: none;
}
hr{
    border-color: #D2D2D2;
}
.hr{
    width: 40px;
height: 4px;
background: var(--ftc);
border-radius: 2px;
}
body {
	font: 16px;
	color: #444;
}
header{
    position: absolute !important;
    top: 0;
    border-bottom: 1px solid rgba(255,255,255,0.6);
    transition: all 0.3s;
}
header.index{
    position: fixed !important;
}
.top_img img{
    width: 100%;
    aspect-ratio: 1920/500;
    object-fit: cover;
}
header.bgcolor{
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.21);
    border-color: rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}
.layui-nav .layui-nav-item{
    line-height: 80px;
    margin: 0 25px;
}
.layui-nav .layui-nav-item>a{
    font-size: var(--ft20);
    white-space: nowrap;
    color: #fff;
    padding: 0;
}
.layui-nav .layui-this:after, .layui-nav-bar{
    background: #fff;
}
.footer2 {
	text-align: center;
	color: #fff;
	background: #444444;
	padding: 20px 10px;
}

.footer1 {
	background: #F6F6F6;
}

.footer1 ul {
	display: grid;
	display: flex;
	align-items: flex-star;

	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
}

.footer1 ul i {
	width: 95px;
	height: 2px;
	position: relative;
}

.footer1 ul i::before {
	display: block;
	content: '';
	background: var(--red);
	left: 0;
	width: 5px;
	bottom: 0;
	height: 2px;
}

.footer1 ul img {
	margin: 20px 0;
}

.titlecom {

	text-align: center;
}

.titlecom h1 {
	color: var(--ftc);
	font-size: 32px;
	font-weight: normal;
}

.titlecom p {
	margin-top: 20px;
	color: #7C7C7C;
	font-size: var(--ft24);
    text-transform: uppercase;
}
.layui-btn-primary:hover{
    border-color: var(--ftc);
    color: var(--ftc);
}
.app-list li{
    display: grid;
    align-content: center;
    gap: 110px;
    grid-template-columns:   1fr 360px;
    
}
.app-list li .img1{
    aspect-ratio: 1/1;
}
.app-list li .content{
    gap: 30px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}
.app-list li .content  h6{
    font-size: var(--ft32);
    color: var(--ftc);
}
.app-list li .content .subtitle{
    flex: 1;
    color: #5C5C5C;
    line-height: 1.8em;
font-size:  var(--ft24);
    
}
.app-list li .content  .btn{
    display: flex;
     flex-wrap:wrap;
     gap: 20px;
}
.layui-btn+.layui-btn{
    margin: 0;
}
.top_nav{
    font-size: var(--ft16);
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #E6E6E6;
    
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 5;
}
.top_nav a{
    display: block;
    padding: 26px 30px;
    border: 1px solid #E6E6E6;
    border-top: 0;
    min-width: 160px;
    text-align: center;
    border-bottom: 0;
    
}
.top_nav a.active{
    background: var(--ftc);
    color: #fff;
}
.contact_pinpai_nav {
    display: flex;
    margin-top: 20px;
    gap: 70px;
    flex-wrap: wrap;
    font-size: var(--ft24);
    line-height: 1.5em;
}
.contact_pinpai_nav .layui-this{
    border-bottom: 1px solid var(--ftc);
    color: var(--ftc);
}
.contact_pinpai_tab .item *{
    transition: all 0.3s;
}
.contact_pinpai_tab .item .info_box{
    padding:50px 26px;
    aspect-ratio: 290/340;
    overflow: hidden;
    position: relative;
}
.contact_pinpai_tab .img1{
   
    justify-content: flex-end;
}.contact_pinpai_tab .img2{
   
    justify-content: flex-start;
}
.contact_pinpai_tab .item .content {
    height: 100%;
    position: relative;
    top: 0;
}
.contact_pinpai_tab .item:hover .info_box {
    
    background-color: rgba(0, 0, 0, 0.1);
}
.contact_pinpai_tab .item  .btn{
    position: relative;
    top: 50px;
    left: 0;
    width: 100%;
    
}
.gary_c{
    color: #626262;
}
section{
    padding: 100px 0;
}
.contact_pinpai_tab .item:hover .content{
    top: -20px;
}
.contact_pinpai_tab .item:hover .btn{
    
   top: 0;
}
.contact_pinpai_tab .item:hover .title{
    color: var(--ftc);
    
}
.contact_join a{
    border: 1px solid #C8C8C8;
    padding: 40px 20px 20px;
}
.contact_join a *{
    transition: all 0.3s
}
.contact_join a:hover,
.contact_join a:hover hr{
    border-color: var(--ftc);
}
.contact_join a:hover .title{
    color: var(--ftc);
}
.join-page .hr{
    width: 70px;
height: 4px;
margin: ;
background: var(--ftc);
}
.contact_tab .item{
    display: flex;
    padding: 15px 30px;
    display: flex;
    gap: 20px;
border-bottom: 1px solid #D2D2D2;
transition: all 0.3s;
position: relative;
cursor: pointer;

    
}
.contact_tab .item .img2{
display: none;
}
.contact_tab .item.layui-this {
    background: var(--ftc);
    color: #fff;
}

.contact_tab .item.layui-this::before{
    display: block;
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
      width: 0;
     height: 0;
    border-style: solid;
    border-width: 5px 10px 5px 5px;
    border-color: transparent transparent transparent var(--ftc);
}
.contact_tab .item.layui-this .img1{
    display: none;
}
.contact_tab .item.layui-this .img2{
    display: block;
}
.contact_body{
    position: relative;
}
.contact_body .item{
    aspect-ratio: 800/500;
    align-content: flex-end;
}
.contact_body .container{
    aspect-ratio: 800/500;
    width: 100%;
    max-width: 100%;
    
}
.contact_body .content{
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    margin-top: auto;
    padding:30px ;
    background: rgba(0,0,0,0.7);
    color: #fff;
}
.contact_body .content .hr{
    width: 50px;
    display: block;
height: 2px;
margin: 20px 0;
background: var(--ftc);
}
.news .item{
    padding: 40px 0;
    display: flex;
    gap: 30px;
    border-bottom: 1px solid #E6E6E6;
}
.news .item .content{
    flex: 1;
}
.news .item  .hr{
    width: 34px;
height: 2px;
background: #676767;
margin-top: 11px;
}
.news .item .img1{
    aspect-ratio: 300/180;
    width: 300px;
}
.news .item *{
    transition: all 0.3s;
}
.news .item i{
    font-size:20px;
}
.news .item:hover *{
    color: var(--ftc);
}
.news .item:hover  hr{
    background: var(--ftc);
}

.new_btn{
    max-width: 100%;
display: block;
    
}
.new_btn:hover{
    color: var(--ftc);
}
.new-details-title{
    
    background: var(--ftc);
    color: #fff;
    font-size: var(--ft26);
    color: #fff;
    text-align: center;
    line-height: 60px;
}
.new-details-nav a{
    background: #F6F6F6;
    padding: 20px;
    font-size: var(--ft26);
}
.people_text{
    margin: 50px 0;background: #F6F6F6;
    padding: 31px 50px;
}
.people_text .hr{
    width: 50px;
height: 4px;
background: var(--ftc);
    align-content: center;
}
#tabHeader .item{
    cursor: pointer;
}
.honour_ul li{
    width: 100%;
    border-radius: 4px;
border: 1px solid #C8C8C8;
aspect-ratio: 290/360;
position: relative;
overflow: hidden;
align-content: center;

    align-content: center;
    justify-self: center;
}
.honour_ul li *{
    transition: all 0.5s;
}
.honour_ul .btn{
    position: absolute;
    left: 0;
    right: 0;
    background:rgba(208,40,40,0.9) ;
  
    padding: 10px 20px;
    height: 50px;
    bottom: -50px;
    overflow: hidden;
}
.honour_ul li:hover .btn{
    bottom: 0;
  border: 0;
    top: unset;
}
.honour_ul .btn *{
    cursor: pointer;
}
.s_content *{
    
    text-wrap-mode: wrap !important;
}
.pinpai li{
    background: #FFFFFF;
border-radius: 20px 20px 0px 0px;
overflow: hidden;
border: 1px solid #D6D6D6;border-radius: 20px;
display: flex;
flex-direction: column;
}
.pinpai li  *{
    transition: all 0.5s;
}
.pinpai li:hover .img_100 img{
    scale: 1.1;
}
.pinpai li .content{
    padding: 30px 10px;
    transition: all 0.3s;
    flex: 1;
}
.pinpai li:hover .content{
    background: linear-gradient(134deg, rgba(208, 40, 40, 0.2), transparent);
}
.fazhan dl{
    margin-left:30px;
    border-left: 1px solid #D6D6D6;
   padding: 20px 0 40px 50px;
    
}
.fazhan dl .t1{
    width: 3em;
}
.fazhan_nav .line{
     width: 30px;
    height: 4px;
    background: #A1A1A1;
}
.zhanlue_ul .item{
    padding: 90px 50px ;
    aspect-ratio: 1200/460;
}
.zhanlue_ul .item:hover *{
    color: #fff;
}
.zy_jishu .item{
    background: #F9F9F9;
border-radius: 10px;
transition: all 0.3s;
}
.zy_jishu .item:hover{
box-shadow: 3px 4px 7px 0px rgba(54,54,54,0.19);
    
}
.zy_guihua .item{
    display: grid;
    grid-template-columns: 160px 50px 1fr;
    gap: 20px;
}
.zy_guihua .time{
    color: #fff;
    width: 160px;
    background: #D02828;
    padding: 10px 20px;
    font-size: var(--ft32);
}
.zy_guihua .item .hr{
    height: 2px;
    margin-top: 28px;
}
.zy_guihua .content{
    padding: 20px 50px;
    background: #FAFAFA;
}
.zy_guihua .title{
    border-left: 4px solid var(--ftc);
    padding-left:0.5em ;
}
.zy_guihua .info{
 
    border-top: 1px solid  #DFDFDF;
    padding-top: 18px;
    margin-top: 30px;
}
.zy_guihua .img_100{
    width: 315px;
max-width: 100%;
    
}
.zy_guihua .line{
    position: relative;
}
.zy_guihua .line img{
    position: relative;
    
    z-index: 2;
}
.zy_guihua .line::before{
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 0;
    width: 2px;
    background: var(--ftc);
}
.web_swiper_box {
    --swiper-pagination-color:var(--ftc);
    --swiper-pagination-bullet-width:18px;
    --swiper-pagination-bullet-height:18px;
    --swiper-pagination-bullet-inactive-opacity:1;
    --swiper-pagination-bullet-inactive-color:#fff;
}
.web_swiper_box .swiper-pagination-bullet{
    margin: 0 8px !important;
}
.web_swiper_box .swiper-pagination{
    text-align: right;
    padding-right: 10px;
}
 .prevbtn{
     --swiper-navigation-color:#858585;
     --swiper-navigation-size: 30px;
    left: -80px !important;
    width: 50px !important;
    height: 50px !important;
   aspect-ratio: 1/1 !important;
    border: 2px solid #858585;
    border-radius: 50%;
    padding: 10px;
} .nextbtn{
     --swiper-navigation-color:#858585;
     --swiper-navigation-size: 30px;
    right: -80px !important;
    width: 50px !important;
    height: 50px !important;
   aspect-ratio: 1/1 !important;
    border: 2px solid #858585;
    border-radius: 50%;
    padding: 10px;
}
.webtext_swiper_box .subtitle{
    height: 3.4em;
}
.webtext_swiper_box .img1{

    aspect-ratio: 280/230;
}
.webtext_swiper_box *{
    transition: all 0.3s;
}
.webtext_swiper_box i{
    color: #fff;
    padding-left: 0.8em;
    border-left: 1px solid #fff;
}
.webtext_swiper_box .item:hover .time,
.webtext_swiper_box .item:hover .title{
    color: var(--ftc);
}
.webtext_swiper_box .item:hover i{
    color: var(--ftc);
    border-left-color: var(--ftc);
}
.webtext_swiper_box .item:hover hr{
    border-color: var(--ftc);
}
.dianshagn_ul .item{
    display: flex;background: #FAFAFA;
    
}
.dianshagn_ul *{
    transition: all 0.5s;
}
.dianshagn_ul .item:hover .img1 img{
    scale: 1.08;
}
.dianshagn_ul .item:hover  .title{
    color: var(--ftc);
}
.dianshagn_ul .content{
    padding: 40px ;
    padding-left: 0;
}
.dianshagn_ul  .num{
    width: 75px;
height: 75px;
background: linear-gradient(180deg, #FD6B6E, #FE2E31);
border-radius: 10px;
color: #fff;
font-size: 40px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
position: relative;
left: -30px;
}
.dianshagn_ul .item .img1{
    width: 430px;
    height: 100%;
}
.dianshagn_ul .item:nth-child(even){
    
    flex-direction: row-reverse;
}
.dianshagn_ul .item:nth-child(even)  .num{
    
left: 30px;
}
.dianshagn_ul .item:nth-child(even)  .content{
    padding-left: 40px;
    padding-right: 0;
}
.hexin-pinpai{
    gap: 25px 40px;
}
.hexin-pinpai li{
    border: 1px solid #B5B5B5;
    transition: all 0.5s;
}
.hexin-pinpai li:hover{
    scale: 1.1;
}
.hexin_swiper .item .title{
    position: absolute;
    bottom: 3px;
    color: #fff;
    text-align: center;
    left: 0;
    right: 0;

}
.hexin_tab{
    text-align: center;
}
.hexin_tab th,.hexin_tab  td{
    padding: 5px 10px;
    min-width: 130px;
    
}
.hexin_tab thead{background: #333333;
color: #fff;
}
.hexin_tab tr:nth-child(even){
background: #F5F4F4;
}
.hexin-gongyin {
    height: 500px;
    aspect-ratio: 1200/500;
}
.hexin-gongyin .item{
position: relative;
flex: 1;    
}
.hexin-gongyin  .b1{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    
    display: flex;
    align-items: flex-end;
}
.hexin-gongyin .item.active{
    transition: all 0.5s;
    flex: 2;
}
.hexin-gongyin  .b2{
    display: none !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding:24px 30px;
    display: flex;
    align-items: flex-end;
}
.hexin-gongyin  .block{
    background: rgba(208, 40, 40, 0.8);
    color: #fff;
    padding: 60px 30px 30px;
    width: 100%;
    transition: all 0.5s;
    position: relative;
    bottom: 0;
    
}
.hexin-gongyin  .block:hover{
    bottom: 15px;
}
.hexin-gongyin  .b1 .block1{
    padding:40px 20px;
    position: relative;
    bottom: 0;
    cursor: pointer;
    transition: all 0.5s;
    color: #fff;
}
.hexin-gongyin  .b1 .block1:hover{
    bottom: 15px;
}

.hexin-gongyin .item.active .b2{
    display: flex !important;
}
.hexin-gongyin .item.active  .b1{
    display: none;
}
.hezuo1 .item{
    border: 1px solid #C8C8C8;
}.hezuo1  .img_100 img{
    transition: all 0.5s;
}
.hezuo1 .item:hover .img_100 img{
    scale: 1.1;
}
.hezuo1 .item .btn{
    --btn:40px;
    
    padding:20px 30px;
    border-top: 1px solid var(--ftc);
}
.hezuo1 .subtitle{
    height: 3.4em;
}
.hezuo1 .item .btn .layui-btn{
    color: var(--ftc);
    border-color: var(--ftc);
    font-size: 16px;
    width: 110px;
    background: #fff;border-radius: 19px;
    
}
.hezuo1 .item:hover .subtitle,
.hezuo1 .item:hover .title{
    color: var(--ftc);
}
.title-left{
 border-left: 4px solid var(--ftc);
 color: var(--ftc);
 font-size: var(--ft26);
 line-height: 1em;
 padding-left: 0.4em;
}
.hezuo-tab.layui-tab .layui-tab-title li{
    font-size:var(--ft22);
    padding: 20px 30px;
}
.hezuo-tab.layui-tab{
    border: 1px solid var(--ftc);
}
.hezuo-tab .layui-tab-title{
    border-color: var(--ftc);
}
.hezuo-tab .layui-tab-title .layui-this{
    color: var(--ftc);
}
.hezuo-tab .layui-tab-title .layui-this:after{
    border-color: var(--ftc);
    border-bottom-color: #fff;
    height: 80px;
}
ul.open {
    border: 1px solid #D02828;
}
ul.open .title{
    
    border-bottom: 1px solid var(--ftc);
}
ul.open .content{
    
    border-bottom: 1px solid var(--ftc);
}
.index-title{
    display: flex;
    align-items: center;
    gap: 10px;
}
.index-title .num{
    color: #C8C8C8;
    font-size: 70px;
    line-height: 1em;
}
.index-title .title{
    /*color: var(--ftc);*/
    font-size: var(--ft30);
    font-weight: bold;
    line-height: 1em;
}
.index-title .subtitle{
 color: #C8C8C8;
 margin-top: 5px;
 font-size: var(--ft22);
}
.index-busin li{
    border: 1px solid #E0E0E0;
    position: relative;
    overflow: hidden;
}
.index-busin li .img1{
    transition: all 0.6s;
}
.index-busin li:hover .img1{
    scale: 1.1;
}
.index-busin .block{
    position: absolute;
    background: rgba(217, 28, 28, 1);
    padding: 10px;
    left: 0;
    right: 0;
opacity: 0;
    bottom: 0;
    overflow: hidden;
    transition: all 0.3s;
}
.index-busin .content{
      border: 2px dashed rgba(255, 255, 255, 0.5);
  
}
.index-busin li:hover .block{
    opacity: 1;
}
.index-btn{
    background: #D02828;
    width: 180px;
    font-size: var(--ft24);
    border-radius: 0;
    --btn:50px;
}
.join_liucheng_body{
    
    min-height: 500px;
}
.join_liucheng_body .content{
    position: relative;
}
.join_liucheng_ul li{
    background: linear-gradient(0deg, #ECF4FF 0%, #FBFDFF 100%);
border-radius: 22px;
padding: 40px;border: 1px solid #fff;
transition: all 0.5s;
}
.join_liucheng_ul li .img{
aspect-ratio: 270/240;
}
.join_liucheng_ul li:hover{
    border: 1px solid #6795DE;
    
}
.zyds_chanpin1 li{
    border: 1px solid #DDDDDD;
transition: all 0.5s;
}
.zyds_chanpin2 li{
    background: #FAFAFA;
transition: all 0.5s;
}
.zyds_hezuo2 li{
    background: #F1F4FD;
border-radius: 20px;
transition: all 0.5s;
}
.zyds_chanpin2 li:hover,
.zyds_chanpin1 li:hover,
.zyds_hezuo2 li:hover{
    box-shadow: 2px 2px 7px 0px rgba(7,7,7,0.28);
}
.zyds_chanpin3{
   background: #F1F4FD;
}
section{
    padding: 80px 0;
}
.titlecom i{
    display:inline-block;width: 70px;
height: 4px;
background: #D02828;
    margin: 20px 0 0;
}
.zyds_chanpin1 li{
    background: #FFFFFF;
box-shadow: 2px 2px 7px 0px rgba(7,7,7,0.28);
border-radius: 10px ;
overflow: hidden;
}
.zyds_chanpin1 .title{
    padding: 20px 10px;
    text-align: center;
    color: #fff;
    background:var(--ftc) ;
}
.zyds_chanpin1 .subtitle{
    padding: 20px;
}
.zyds_fuhua1 .img{
    box-shadow: 2px 2px 7px 0px rgba(7,7,7,0.28);
border-radius: 10px;
aspect-ratio:280/220;
}
.fuhuaCard{
    margin-top: 60px;
    background: #FFFFFF;
    box-shadow: 2px 2px 7px 0px rgba(7,7,7,0.28);
    border-radius: 20px;
    padding: 50px 40px;
    background-image: url(../images/top.png),url(../images/top1.png);
    background-position: top left, bottom right;
    background-repeat: no-repeat;
    min-height: 480px;
}
.zyds_fuhua2 .img1{
    width: 78px;
height: 78px;
background: #FFEBEB;
border-radius: 8px;
padding: 10px;
margin: 0 auto;
}
.zyds_fuhua2  .t1{
    text-align: center;
    margin-top: 20px;
}
.zyds_fuhua2 .img2{
        box-shadow: 2px 2px 7px 0px rgba(7,7,7,0.28);
border-radius: 10px;
aspect-ratio:280/220;
margin-top: 30px;
}
.zyds_fuhua_teacher .img1{
    aspect-ratio: 260/249;
}
.zyds_kuajiang li{
    background: #FFFFFF;
box-shadow: 4px 7px 32px 3px rgba(7,7,7,0.14);
border-radius: 20px;
}
.zyds_kuajiang  .img1{
    height: 100px;
    margin-bottom: 30px;
}
.contentBody{
    display: grid;
    margin-top: 60px;
    grid-template-columns: 350px 1fr;
    gap: 20px;
}
.contentBody ul .item{
    background: #FBFBFB;
border: 1px solid #D02828;
text-align: center;
padding: 20px;
margin-bottom: 30px;
}
.contentBody ul .item.layui-this{
    background:  #D02828;
    color: #fff;
}
.contentBody #tabBody{
    border: 1px solid #D02828;
    padding: 40px;
}
@media only screen and (max-width: 1400px) {}

@media only screen and (max-width: 990px) {}

@media only screen and (max-width: 768px) {
    .contentBody{
    display: grid;
    grid-template-columns:1fr;
        
    }
    .zhanlue_ul .item{
        
    aspect-ratio: 1200/520;
    }
    .ft44{
        font-size: 24px;
    }
    .dianshagn_ul .num{
        display: none;
    }
    .hexin-gongyin{
        height: auto;
        width: 100%;
        flex-direction: column !important;
    }
    .hexin-gongyin .item:nth-child(2),
    .hexin-gongyin .item{
        flex: unset;
        height: 300px;
    }
    .dianshagn_ul .item{
        flex-direction: column !important;
    }
    .dianshagn_ul .item .content{
        padding: 20px !important;
    }
    section{
        padding: 30px 0;
    }
    .contact_pinpai_nav{
        gap: 20px;
    }
    .contact_body .content{
        position: relative;
    }
    :root{
        --ft24:20px;
    }
    .logo {
        height: 30px;
    }
   
    .app-list li{
        gap: 10px;
        grid-template-columns: 1fr ;
    }
      .top_nav {
         
      }
    .top_nav a{
        flex: 1;
        min-width: auto;
        font-size: 12px;
    padding: 8px 0px;
    }
    
    .zhanlue_ul .item{
    padding: 40px 20px ;
}
.zy_guihua .content{
    padding: 20px;
}
    .zy_guihua .item{
        grid-template-columns:  1fr;
    }
    .titlecom h1{
        font-size: 20px;
    }
.titlecom p{
    font-size:  16px;
}

    
}

@media only screen and (min-width: 751px) and (max-width: 1400px) {}

@media only screen and (min-width: 751px) {}